<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>采购申请记录</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <style>
        .aui-refresh-content{
            margin-top: 0px!important;
        }
        .new-btn-bottom {
            width: 92%;
            margin: 0 auto;
            display: flex;
            margin-top: 15px;
            flex-direction: row;
            justify-content: center;
        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* font-weight: bold; */
        }
        .time_style{
            padding: 5px 0px 5px 12px;
            color: #a2acbb;
        }
        .workheader{
            width: 100%;  
            margin: 10px 0px 5px 0px;
            overflow: hidden;
        }
        .work_title_add{
            width: 100%;
            font-size: 0.8rem;
            font-weight:500;
            margin-top: 0px;
        }
        .mt0{
            margin-top: 0.1rem;
        }
        .padding_style{
            padding-bottom: 1rem;
            padding-top: 0.8rem;
        }
        .marginheight{
            margin-top: 0.3rem;
        }
        .mainbox{
            width: 92%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 20px 16px 20px 16px;
        }
        .examine_statue{
            width: 92%;
            margin: 0 auto;
            margin-top: 10px;
        }
        .tongguo{
            color: #289fff;
        }

        .statuStyle{
            text-align: right;
            /* padding: 2px 0px; */
            padding-top: 10px;
            font-weight: 500;
        }
        span.blue{
            padding: 2px 8px;
            border-radius: 4px;
            color: #5794e7;
            background: #eff6ff;
        }
        span.green{
            padding: 2px 8px;
            border-radius: 4px;
            color: #29aa60;
            background: #f1fff7;
        }
        span.origen{
            padding: 2px 8px;
            border-radius: 4px;
            color: #e46a27;
            background: #fff8f4;
        }
        span.gray{
            padding: 2px 8px;
            border-radius: 4px;
            color: #bbb;
            background: #f8f8f8;
        }


    </style>
</head>

<body>
    <div id="app" v-cloak>
            <!-- 搜索 -->
        <div class="aui-searchbar" id="search">
            <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                <i class="icon iconfont icon-sousuo"></i>
                <input v-model="form.keywords" type="search" placeholder="物品用途" id="search-input">
                <div class="aui-searchbar-clear-btn" style="top:12px">
                    <i class="icon iconfont icon-guanbi"></i>
                </div>
            </div>
            <div class="aui-searchbar-btn" tapmode></div>
        </div>
        <section id="main_refresh" class="aui-refresh-content">
            <div class="aui-content task" >
                <div  class=" boxarea mainbox" v-for="item in list" v-on:click="do_OpenExamineDetails(item.ApprovalID)">
                    <div  class="work_con_box">
                        <div class="workheader">
                            <div class="work_title_add ellipsis_one" >{{item.Title}}
                            </div>
                           <div class="time_style">{{item.AddTime}}</div>
                            <!-- <div v-if="item.ServiceStatus==50" class="typestatus ygd">已关单</div>   style="font-weight: bold;"-->
                        </div>
                        <!-- <div class="work_title work_title_add">{{item.TypeName}}</div> -->
                        
                        <div class=" work_con_box_contain mt0 padding_style ">

                            <div class=" marginheight">
                                <div class="work_con_box_left">物品用途</div>
                                <div class="work_con_box_right">
                                    <label>{{item.GoodsUseName}}</label>
                                </div>
                            </div>
                            <div class=" marginheight">
                                <div class="work_con_box_left">物品名称</div>
                                <div class="work_con_box_right">
                                    <label>{{item.GoodsList[0].GoodsName}}</label>
                                </div>
                            </div>
                            <div class=" marginheight">
                                <div class="work_con_box_left">数量</div>
                                <div class="work_con_box_right">
                                    <label>{{item.GoodsList[0].GoodsNumber}}</label>
                                </div>
                            </div>

                        </div>

                    </div>
                    <!-- <div class="examine_statue tongguo">{{item.StateDesc}}...</div> -->

                    <!-- 等待审批 -->
                    <div v-if="item.State==2||item.State==1" class="statuStyle ">
                        <span class="blue">{{item.StateDesc}}...</span>
                     </div>
                     <!-- 同意 -->
                     <div v-if="item.State==3" class="statuStyle ">
                       <span class="green">{{item.StateDesc}}</span>
                     </div>
                     <!-- 拒绝 -->
                     <div v-if="item.State==4" class="statuStyle ">
                        <span class="origen">{{item.StateDesc}}</span>
                     </div>
                     <!-- 撤销 -->
                     <div v-if="item.State==5" class="statuStyle ">
                        <span class="gray">{{item.StateDesc}}</span>
                     </div>



                </div>
                <div class="notodayList" v-if="!can_scroll&&!is_searching&&list.length>0">
                    别刷了，真的没有啦...
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0&&!is_searching">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/purchase_list.js "></script>

</html>